<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  
  <title>PSC Biometrics Office</title>
  <meta name="description" content="PSC Biometrics Office.">
  
	<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" />

	<link rel="stylesheet" media="all" href="themes/smoothness/jquery-ui-1.10.3.custom.min.css" />	
	<link rel="stylesheet" media="all" href="css/ui.jqgrid.css" />	
    <link rel="stylesheet" media="screen" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" media="print" type="text/css" href="css/style.css"/>

	
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    
    <script src="js/jqGridJs/i18n/grid.locale-ar.js" type="text/javascript"></script>
    <script src="js/jqGridJs/i18n/grid.locale-en.js" type="text/javascript"></script>
	<script src="js/jqGridJs/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="js/jqGridJs/grid.filtergrid.js" type="text/javascript"></script>
	
	<script src="js/jquery.blockUI.js" type="text/javascript"></script>
    <script src="js/jquery.hotkeys.js" type="text/javascript"></script>
	<!--script src="js/jstree.min.js" type="text/javascript"></script-->
	<script src="js/jquery.jstree.js" type="text/javascript"></script>
	<!--script src="js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script-->
	<script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
	<script src="js/jquery.ui.datepicker-ar.js" type="text/javascript"></script>
	<script src="js/jquery.i18n.properties-min-1.0.9.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>
<!--	
	<style type="text/css">
		.ui-accordion .ui-accordion-content {
			//padding: 1em 8px 1em 0px;
			//padding: 1em 4px;
			overflow: hidden;
		}
	</style>	
-->	
</head>

<body dir="ltr">
    <div id="wrapper">
    	<header>
            <!--h3>PSC Biometrics Office</h3-->
			<div class="floatLeft">
				<a href="#" class="psc-logo"><img src="images/psc_logo.png" alt="Back to Home" title="Back to Home" /></a>
			</div>
			
			<div class="floatRight">
				<a href="#" id="flagUK"><img src="images/FlagUK.png" alt="English" title="English" /></a>
				<a href="#" id="flagKuwait"><img src="images/FlagKuwait.png" alt="Arabic" title="Arabic" /></a>
			</div>
        </header>
        
        <div id="core">
            <section id="left-section" class="floatLeft ui-corner-all">
			</section>

            <section id="right-section" class="floatRight ui-corner-all">
                <form action="#"onsubmit="return false">

				<div id="accordion">
					<span>Video</span>
					<div id="pictureTab">
						<div>
							<div><span>Id</span>#&nbsp;<input type="text" id="user_id" maxlength="10" size="10" class="text ui-widget-content ui-corner-all" value="20095420" /></div>
							<button id="GetImage" title="Get image">Get</button>
							<button id="TakeImage" title="Take image">Take</button>
						</div>
					</div>
					<span>Finger scan</span>
					<div id="fingerTab">
					</div>
				</div>
                </form>

            </section>
        </div>
        
        <footer class="floatLeft">
			<div id="copyright">
				&copy; Copyright 2013 Public Services Company, Kuwait &nbsp;|&nbsp; All Rights Reserved
			</div>
        </footer>
    </div>

    <!--form id="form1" runat="server">
    <div>
        <input type="text" name="txt" value=""/>
        <input type="button" value="Start Video" onclick="startVideo();"/>
        <input type="button" value="Stop Video" onclick="stopVideo();"/>
    </div>
    </form-->

	<div id="divVideo" style="display:none;">
		<object id="videoControl" name="videoControl" 
			codebase="bin/TiTGActiveXControl.cab#version=1,0,0,0"
			classid="clsid:3F18C116-7BB6-46e4-A649-F6693E577002"
			width="487" height="287">

			<param name="BackgroundColor" value="white" />
			<!--param name="VisitorsDatabase" value="local" />
			<param name="ShowDeleteVisitorsButton" value="false" /-->
		</object>
		<div id="pre_scanned_fingers">
			<table>
			<tr>
				<td><img id="ll" class="wsq" title="Left little" /></td>
				<td><img id="lr" class="wsq" title="Left ring" /></td>
				<td><img id="lm" class="wsq" title="Left middle" /></td>
				<td><img id="li" class="wsq" title="Left index" /></td>
				<td><img id="ri" class="wsq" title="Right index" /></td>
				<td><img id="rm" class="wsq" title="Right middle" /></td>
				<td><img id="rr" class="wsq" title="Right ring" /></td>
				<td><img id="rl" class="wsq" title="Right little" /></td>
				<td><img id="lt" class="wsq" title="Left thumb" /></td>
				<td><img id="rt" class="wsq" title="Right thumb" /></td>
			</tr>
			</table>
		</div>
	</div>
	
	<div id="divWsq" style="display:none;">
		<div id="fingers_to_scan">
			<table style="margin-left:auto; margin-right:auto; padding-top: 20px;">
			<tr>
				<td><button id="LeftHand" title="Scan left fingers">Start</button></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_ll"></td>
				<td><img id="ll" class="wsq_to_scan" title="Left little" /></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_lr"></td>
				<td><img id="lr" class="wsq_to_scan" title="Left ring" /></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_lm"></td>
				<td><img id="lm" class="wsq_to_scan" title="Left middle" /></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_li"></td>
				<td><img id="li" class="wsq_to_scan" title="Left index" /></td>
			</tr>
			<!--tr style="text-align:center;">
				<td/>
				<td><input type="checkbox" id="ch_ll" value="">LL</td>
				<td><input type="checkbox" id="ch_lr">LR</td>
				<td><input type="checkbox" id="ch_lm">LM</td>
				<td><input type="checkbox" id="ch_li">LI</td>
			</tr-->
			<tr>
				<td><button id="RightHand" title="Scan right fingers">Start</button></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_ri"></td>
				<td><img id="ri" class="wsq_to_scan" title="Right index" /></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_rm"></td>
				<td><img id="rm" class="wsq_to_scan" title="Right middle" /></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_rr"></td>
				<td><img id="rr" class="wsq_to_scan" title="Right ring" /></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_rl"></td>
				<td><img id="rl" class="wsq_to_scan" title="Right little" /></td>
			</tr>
			<!--tr style="text-align:center;">
				<td/>
				<td><input type="checkbox" id="ch_ri">RI</td>
				<td><input type="checkbox" id="ch_rm">RM</td>
				<td><input type="checkbox" id="ch_rr">RR</td>
				<td><input type="checkbox" id="ch_rl">RL</td>
			</tr-->
			<tr>
				<td/>
				<td/>
				<td><button id="Thumbs" style="float:right" title="Scan thumbs">Start</button></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_lt"></td>
				<td><img id="lt" class="wsq_to_scan" title="Left thumb"/></td>
				<td style="vertical-align: bottom;"><input type="checkbox" id="ch_rt"></td>
				<td><img id="rt" class="wsq_to_scan" title="Right thumb" /></td>
			</tr>
			<!--tr style="text-align:center;">
				<td/>
				<td/>
				<td><input type="checkbox" id="ch_lt">LT</td>
				<td><input type="checkbox" id="ch_rt">RT</td>
				<td/>
			</tr-->
			</table>
		</div>
	</div>

<script type="text/javascript">
    //document.videoControl.Background = "#e8e8e8";


    window.onload = function () {
        //videoControl.StartAxVideoControl();
        var i = 0;
        //document.videoControl.Background = "#e8e8e8";
    }

    function startVideo() {
        videoControl.StartAxVideoControl();
        var i = 0;
        //document.videoControl.Background = "#e8e8e8";
        //videoControl.MyTitle = form1.txt.value;
        //document.videoControl.Open();
    }

    function stopVideo() {
        videoControl.StopAxVideoControl();
        var i = 0;
        //document.videoControl.Background = "#e8e8e8";
        //videoControl.MyTitle = form1.txt.value;
        //document.videoControl.Open();
    }
	
</script>

</body>
</html>
